.components-table-demo-resizable-column {
    position: relative;
    height: 100%;
    .table-comp-filter {
        padding: 12px;
        margin-bottom: 12px;
        border-top: 1px solid #f1f1f1;
        -webkit-box-shadow: rgb(0 0 0 / 18%) 0px 2px 8px;
        box-shadow: rgb(0 0 0 / 18%) 0px 2px 4px;
        border-radius: 8px;
    }
    .table-comp-wrap {
        .ant-table-wrapper {
            height: calc(100% - 48px);
            &>div,
            &>div>div,
            &>div>div>div,
            &>div>div>div>div { height: 100% }
        }
    }
    .table-comp-pagination {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 8px 12px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        border: 1px solid #f0f0f0;
        border-radius: 0 0 8px 8px;
    }
    .table-comp-header {
        display: flex;
        // justify-content: space-between;
        align-items: center;
        padding: 8px 12px;
        background: #716e6e;
        color: #fff;
        border-radius: 8px 8px 0 0;
        .el-button--warning {
            color: #FFFFFF;
            background-color: #ffba00;
            border-color: #ffba00;
        }
        .el-button--warning:hover,
        .el-button--warning:focus {
            background: #ffc833;
            border-color: #ffc833;
            color: #FFFFFF;
        }
        .handle-btn-wrap {
            button {
                margin-left: 8px;
            }
        }
    }
}